<template>
  <div class="container">
    <main>
      <section>
        <h2>版权声明</h2>
        <ul>
          <li>本系统网站内所有内容，包括但不限于文本、图片、音频、视频、图表、软件、程序、版面设计、用户界面等，均受到中华人民共和国版权法及相关国际版权公约的保护。</li>
          <li>版权所有，未经重庆成峰水务工程有限责任公司书面授权，禁止任何形式的复制、传播、发布、转载、摘编、镜像、链接或以其他任何方式使用。</li>
        </ul>
      </section>
      <section>
        <h2>免责声明</h2>
        <p>本网站提供的信息仅供参考，不构成任何形式的建议或保证。我们不保证网站内容的准确性、可靠性或完整性，也不对因使用本网站内容而造成的任何直接或间接损失承担责任。</p>
      </section>
      <!-- 可以根据需要添加更多声明部分 -->
    </main>
    <footer class="contact-info">
      <div>
        <p>联系电话：400-0919-066 或 023-89256038</p>
        <p>版权所有 © 2024 重庆成峰水务工程有限责任公司。保留所有权利。</p>
      </div>
    </footer>
  </div>
</template>

<script setup>
// 组件逻辑，如果需要
</script>

<style scoped>
body,
html {
  margin: 0;
  padding: 0;
  font-family: 'Arial', sans-serif;
}

.container {
  width: 80%;
  max-width: 1200px;
  margin: auto;
  padding: 20px 0;
}

main {
  padding-bottom: 130px;
  /* 确保内容不会被固定底部覆盖 */
}

section {
  margin-bottom: 20px;
  font-size: 0.8em;
}

section h2 {
  color: #4CAF50;
  border-bottom: 2px solid #4CAF50;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

section ul {
  padding-left: 20px;
  list-style-type: none;
}

section li::before {
  content: "•";
  color: #4CAF50;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;

}

footer.contact-info {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #333;
  color: #fff;
  text-align: center;
  padding: 10px 0;
  z-index: 1000;
  font-size: 0.4em;
}

footer.contact-info p {
  margin: 5px 0;
}

a {
  color: #fff;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}
</style>